<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>调查页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/register.css">
    <script src="/js/plugins/form/jquery.form.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css">
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/checkLogin.js"></script>
    <script src="/js/plugins/jquery-validation-1.8.1/jquery.validate.min.js"></script>
    <script>
        $(function () {

            var userId = user.id;
            $('#userId').val(userId);
            $("#surveyForm").ajaxForm({
                url: baseUrl + "surveies",
                method: "post",
                success: function (data) {
                    if (data.success) {
                        window.parent.location.href = "/index.html"
                    } else {
                        $(document).dialog({
                            overlayClose: true,
                            content: '保存失败,请重新尝试'
                        });
                    }
                }
            })

        })
    </script>


</head>
<body>
<a href="javascript:history.go(-1);" style="position: absolute;top: 10px;left: 22px;">
    <span><i class="fa fa-chevron-left fa-2x" style="color: black;"></i></span>
</a>
<div class="container">
    <h5>调查页面</h5>
    <form id="surveyForm">
        <div class="question-list">

            <div class="question-item radioItem">
                <p class="question-content" id="q1">1.你的性别</p>
                <input  type="hidden" id="userId" name="user.id" >
                <ul class="anwser-ul">

                    <li>
                        <input id="answer_input_0_0" type="radio" name="answer_0" value="A">
                        <label for="answer_input_0_0">男</label>
                    </li>

                    <li>
                        <input id="answer_input_0_1" type="radio" name="answer_0" value="B">
                        <label for="answer_input_0_1">女</label>
                    </li>

                </ul>
            </div>

            <div class="question-item radioItem">
                <p class="question-content" id="q2">2.什么年龄段</p>
                <ul class="anwser-ul">

                    <li>
                        <input id="answer_input_1_0" type="radio" name="answer_1" value="A">
                        <label for="answer_input_1_0">25以下</label>
                    </li>

                    <li>
                        <input id="answer_input_1_1" type="radio" name="answer_1" value="B">
                        <label for="answer_input_1_1">25-45岁</label>
                    </li>

                    <li>
                        <input id="answer_input_1_2" type="radio" name="answer_1" value="C">
                        <label for="answer_input_1_2">45岁以上</label>
                    </li>

                </ul>
            </div>

            <div class="question-item radioItem">
                <p class="question-content" id="q3">3.你喜欢什么风格的旅游</p>
                <ul class="anwser-ul">

                    <li>
                        <input id="answer_input_2_0" type="radio" name="answer_2" value="A">
                        <label for="answer_input_2_0">自由行</label>
                    </li>

                    <li>
                        <input id="answer_input_2_1" type="radio" name="answer_2" value="B">
                        <label for="answer_input_2_1">跟团游</label>
                    </li>

                    <li>
                        <input id="answer_input_2_2" type="radio" name="answer_2" value="C">
                        <label for="answer_input_2_2">定制旅游</label>
                    </li>

                    <li>
                        <input id="answer_input_2_3" type="radio" name="answer_2" value="D">
                        <label for="answer_input_2_3">其他</label>
                    </li>

                </ul>
            </div>

            <div class="question-item radioItem">
                <p class="question-content" id="q4">4.可以接受的旅游消费</p>
                <ul class="anwser-ul">

                    <li>
                        <input id="answer_input_3_0" type="radio" name="answer_3" value="A">
                        <label for="answer_input_3_0">2000元</label>
                    </li>

                    <li>
                        <input id="answer_input_3_1" type="radio" name="answer_3" value="B">
                        <label for="answer_input_3_1">1000元</label>
                    </li>

                </ul>
            </div>

            <div class="question-item radioItem">
                <p class="question-content" id="q5">5.陈慧老师漂亮吗</p>
                <ul class="anwser-ul">

                    <li>
                        <input id="answer_input_4_0" type="radio" name="answer_4" value="A">
                        <label for="answer_input_4_0">漂亮</label>
                    </li>

                    <li>
                        <input id="answer_input_4_1" type="radio" name="answer_4" value="B">
                        <label for="answer_input_4_1">非常漂亮</label>
                    </li>

                </ul>
            </div>

            <div class="question-item radioItem">
                <p class="question-content" id="q6">6. 旅游的短期和长期</p>
                <ul class="anwser-ul">

                    <li>
                        <input id="answer_input_5_0" type="radio" name="answer_5" value="A">
                        <label for="answer_input_5_0">短期</label>
                    </li>

                    <li>
                        <input id="answer_input_5_1" type="radio" name="answer_5" value="B">
                        <label for="answer_input_5_1">长期</label>
                    </li>

                    <li>
                        <input id="answer_input_5_2" type="radio" name="answer_5" value="C">
                        <label for="answer_input_5_2">定制</label>
                    </li>

                </ul>
            </div>

            <div class="question-item radioItem">
                <p class="question-content" id="q7">7. 你想在哪里购买</p>
                <ul class="anwser-ul">

                    <li>
                        <input id="answer_input_6_0" type="radio" name="answer_6" value="A">
                        <label for="answer_input_6_0">网上</label>
                    </li>

                    <li>
                        <input id="answer_input_6_1" type="radio" name="answer_6" value="B">
                        <label for="answer_input_6_1">线下</label>
                    </li>

                </ul>
            </div>

            <div class="question-item radioItem">
                <p class="question-content" id="q8">8. 什么季节去旅游</p>
                <ul class="anwser-ul">

                    <li>
                        <input id="answer_input_7_0" type="radio" name="answer_7" value="A">
                        <label for="answer_input_7_0">春季</label>
                    </li>

                    <li>
                        <input id="answer_input_7_1" type="radio" name="answer_7" value="B">
                        <label for="answer_input_7_1">夏季</label>
                    </li>

                    <li>
                        <input id="answer_input_7_2" type="radio" name="answer_7" value="C">
                        <label for="answer_input_7_2">秋季</label>
                    </li>

                    <li>
                        <input id="answer_input_7_3" type="radio" name="answer_7" value="D">
                        <label for="answer_input_7_3">冬季</label>
                    </li>

                </ul>
            </div>

            <div class="question-item radioItem">
                <p class="question-content" id="q9">9. 全家旅游，亲子，恋人旅游</p>
                <ul class="anwser-ul">

                    <li>
                        <input id="answer_input_8_0" type="radio" name="answer_8" value="A">
                        <label for="answer_input_8_0">全家旅游</label>
                    </li>

                    <li>
                        <input id="answer_input_8_1" type="radio" name="answer_8" value="B">
                        <label for="answer_input_8_1">亲子</label>
                    </li>

                    <li>
                        <input id="answer_input_8_2" type="radio" name="answer_8" value="C">
                        <label for="answer_input_8_2">恋人</label>
                    </li>

                </ul>
            </div>

        </div>
            <!--<div class="question-item">
                <label>意见和建议(非常重要!):</label><hr/>
                <textarea id="q10" name="text" class="text" style="width: 100%"></textarea>
            </div>-->

        <div class="buttons">
            <button type="submit" class="btn btn-success ">提交评价</button>
        </div>
    </form>


</div>

</body>
</html>
